<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link th:href="@{favicon.ico}" rel="shortcut icon"/>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}"/>
    <link rel="stylesheet" th:href="@{/css/common/main.css}"/>
    <link rel="stylesheet" th:href="@{/css/plugins/font-awesome-4.7.0/css/font-awesome.min.css}" media="all">
    <title>cms-开源社区管理</title>
</head>
<body class="timo-layout-page">
<div class="layui-card">
    <div class="layui-card-header timo-card-header">
        <span><i class="fa fa-bars"></i> 我的信息</span>
        <i class="layui-icon layui-icon-refresh refresh-btn"></i>
    </div>
    <div class="layui-card-body">
        <table class="layui-table timo-detail-table">
            <tbody>
            <tr>
                <th width='100px'>楼号</th>
                <td th:text="${resident.buildingNo}"></td>
                <th width='100px'>房号</th>
                <td th:text="${resident.roomNo}"></td>
                <th width='100px'>房屋面积</th>
                <td th:text="${resident.area}"></td>
            </tr>
            <tr>
                <th>户主姓名</th>
                <td th:text="${resident.hostname}"></td>
                <th>性别</th>
                <td th:text="${resident.sex}"></td>
            </tr>
            <tr>
                <th>家庭人数</th>
                <td th:text="${resident.familyNum}"></td>
                <th>联系方式</th>
                <td th:text="${resident.tele}"></td>
                <th>工作单位</th>
                <td th:text="${resident.work}"></td>
            </tr>
            <tr>
                <th>物业费用</th>
                <td th:text="${resident.propertyFee}"></td>
                <th>维修基金余额</th>
                <td th:text="${resident.balance}"></td>
                <th>搬入日期</th>
                <td th:text="${resident.checkinDate}"></td>
            </tr>
            </tbody>
        </table>
        <div class="layui-row">
            <button class="layui-btn" style="float: right">
                <a class="open-popup" data-title="修改信息" th:attr="data-url=@{'/user/edit/'+${resident.id}}"
                   data-size="600,400" href="#" style="color: rgb(255,255,255)">修改信息</a>
            </button>
        </div>
    </div>
</div>
<script th:src="@{/layui/layui.js}"></script>
<script th:src="@{/js/plugins/layer/layer.min.js}"></script>
<script th:src="@{/js/common/main.js}"></script>
</body>
</html>